<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    事件对象的属性：
    clientX，clientY 可视区
    pageX，pageY相对于整个页面
    offsetX，offsetY，相对于元素，鼠标距离元素的位置
    type 事件类型
    which获取
    ctrlKey，altKey

    事件绑定：
    eleobj.addEventListener(事件类型不带on，事件处理函数，冒泡/捕获)
    eleobj.removeEventListener(事件类型不带on，事件处理函数，冒泡/捕获)
    IE7，8版本：attachEvent，
    语法：元素.attachEvent('事件类型'，事件处理函数)
    <div style="background-color: red;width: 200px;height: 200px;"></div>
    <script>
        var odiv=document.querySelector('div');
        odiv.addEventListener('click',function () {
            console.log("我是第一个事件");
          },true)
          odiv.addEventListener('click',function () {
            console.log("我是第2个事件");
          },true)
        
    </script>
</body>
</html>